<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>车辆管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="assets/layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="assets/css/all.css"  />
	</head
	<body>
		<div class="layui-fluid" >
			<div class="layui-form">
				<div class="layui-form-item">
					<p class="layui-col-md6 " style="margin-right:10px;"><input id="key1" type="text" name="title" lay-verify="" placeholder="填写符合条件的搜索内容，例：车辆状态、车牌号、车牌、车型、报案号" autocomplete="off" class="layui-input"> </p>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<select name="modules" lay-verify="" id="key2">
								<option value="">状态筛选</option>
								<option value="1">待审核</option>
								<option value="2">竞价中</option>
								<option value="3">已竞价</option>
								<option value="4">待提车</option>
								<option value="5">拍卖中</option>
								<option value="6">待过户</option>
							</select>
						</div>
					</div>
				</div>
				<div class="carTable">
					询价截止时间：
					<div class="layui-inline">
						<input type="text" name="date" id="date" lay-verify="date" placeholder="年-月-日" autocomplete="off" class="layui-input layui-date">
					</div>
					<button class="layui-btn layui-btn-primary searchBtn" data-type="reload"><i class="layui-icon">&#xe615;</i>查询</button>
					<a href="{:url('accident/historicalRecord')}" class="layui-btn layui-btn-danger">显示全部</a>
		            <button class="layui-btn submit-btn" data-type="reload" lay-filter="submit-btn">导出</button>
		            <button class="layui-btn freshBtn layui-btn-green"><i class="layui-icon">&#x1002;</i>刷新</button>
		            <a href="" target="_blank" id="export" style="display:none;"></a>
				</div>
			</div>
			<div class="layui-form">
				<table class="layui-table" lay-filter="priceTable">
					<colgroup>
						<col width="150">
						<col width="150">
						<col width="200">
						<col>
						<col>
						<col>
						<col>
						<col>
					</colgroup>
					<thead>
						<tr>
							<th>车辆编号</th>
							<th>车型</th>
							<th>车牌</th>
							<th>所属分公司</th>
							<th>报价金额</th>
							<th>询价结束时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>001</td>
							<td>奥迪</td>
							<td>京JD1035</td>
							<td>北京分公司</td>
							<td>待报价</td>
							<th>2018.03.29</th>
							<th><a class="layui-btn layui-btn-xs checkBtn">查看</a><a class="layui-btn layui-btn-danger layui-btn-xs offerBtn">出价</a></th>
						</tr>
						<tr>
							<td>002</td>
							<td>本田</td>
							<td>京JD1035</td>
							<td>北京分公司</td>
							<td>待确认中标方</td>
							<th>2018.03.29</th>
							<th><a class="layui-btn layui-btn-xs checkBtn">查看</a></th>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<script src="assets/layui/layui.js" type="text/javascript"></script>
		<script src="assets/js/all.js" type="text/javascript"></script>
		<script type="text/javascript">
			layui.use(['table','layer','laypage'],function(){
				var table = layui.table,
					layer = layui.layer,
					laypage = layui.laypage,
					$ = layui.$
					
				
					$(".offerBtn").click(function(){
						var priceTd = $(this).parents("tr").find("td:nth-child(5)");
						var index = layer.open({
							type:1,
							title:'出价',
							area:['400px','200px'],
							content:'<div style="margin-top:30px;" class="layui-form"><div class="layui-form-item"><label class="layui-form-label">出价</label><div class="layui-input-inline"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入出价金额" class="layui-input priceValue"></div></div></div>',
							btn:['确认','取消'],
							yes:function(){
								var priceValue = $(".priceValue").val();
								priceTd.html(priceValue);
								layer.close(index);
							}
						});
						
					});
					$(".checkBtn").click(function(){
						var index = layer.open({
							type:2,
							title:'车辆信息',
							content:'carDetail.html'
						});
						layer.full(index);

					});
			})
		</script>
	</body>

</html>